<template>
  <div
    class="EnvBanner fixed top-0 z-[1000] text-c-accent-red-m heading-l-semi"
  >
    {{ config.public.envLabel }}
  </div>
</template>

<script setup lang="ts">
const config = useRuntimeConfig()
</script>

<style scoped lang="scss">
$component: '.EnvBanner';

#{$component} {
  transform: translate(calc(50vw - 50%), calc(3vh));
}
</style>
